<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">	
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<title><?=$this->nick_name?>的商品收集</title>

<link rel="stylesheet" type="text/css" href="/styles/amazeui.css">
<link rel="stylesheet" type="text/css" href="/styles/style.css">

<script type="text/javascript" src="/scripts/jquery.js"></script>
 <!--[if (gte IE 9)|!(IE)]><!-->
<script type="text/javascript" src="/scripts/amazeui.js"></script>

<!--<![endif]-->
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

<?php if(!$_SESSION['identity']['testmode'] && $this->signPackage):?>
<script>
wx.config({    
  	debug: false,    
      appId: "<?=$this->signPackage['appId']?>",
      timestamp: "<?=$this->signPackage['timestamp']?>",
      nonceStr: "<?=$this->signPackage['nonceStr']?>",
      signature: "<?=$this->signPackage['signature']?>", 

    jsApiList: [    
  			'checkJsApi',    
  			'onMenuShareTimeline',
  			'onMenuShareAppMessage'	    
        ]
  });

wx.ready(function(){
	wx.checkJsApi({
	      jsApiList: [
	        'getNetworkType',
	        'previewImage'
	      ],
	      success: function (res) {
	        //alert(JSON.stringify(res));
	      }
	    });


wx.onMenuShareTimeline({
      title: '<?=$this->wechat_share_title?>',
      link: '<?=$this->wechat_share_link?>',
      imgUrl: '<?=$this->wechat_share_imgUrl?>',
      trigger: function (res) {
        //alert('用户点击分享到朋友圈');
      },
      success: function (res) {
        //alert('已分享');
      },
      cancel: function (res) {
        //alert('已取消');
      },
      fail: function (res) {
        //alert(JSON.stringify(res));
      }
    });

wx.onMenuShareAppMessage({
      title: '<?=$this->wechat_share_title?>',
      desc: '<?=$this->wechat_share_desc?>',
      link: '<?=$this->wechat_share_link?>',
      imgUrl: '<?=$this->wechat_share_imgUrl?>',
	    trigger: function (res) {
        	//alert('用户点击发送给朋友');
      	},
      	success: function (res) {
        	//alert('已分享');
      	},
      	cancel: function (res) {
        	//alert('已取消');
      	},
      	fail: function (res) {
        	//alert(JSON.stringify(res));
      	}

	   });

})
</script>
<?php endif;?>

</head>

<body>

<div class="am-modal am-modal-alert" tabindex="-1" id="fq_alert">
  <div class="am-modal-dialog">
    <div class="am-modal-hd" id="fq_alert_title"></div>
    <div class="am-modal-bd" id="fq_alert_info">
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">确定</span>
    </div>
  </div>
</div>

<div class="am-modal am-modal-confirm" tabindex="-1" id="fq_confirm">
  <div class="am-modal-dialog">
    <div class="am-modal-hd" id="fq_confirm_title"></div>
    <div class="am-modal-bd" id="fq_confirm_info"></div>
    <div class="am-modal-footer">
      <span class="am-modal-btn" data-am-modal-confirm="">确定</span>
    </div>
  </div>
</div>

<script>
    
    function dangling(time,status){
            if(status == 1){
                $('.fq-custom').css('animation','myfirst 0.6s linear 1s infinite alternate');
            }else{
                $('.fq-custom').css('animation','none');
            }
            var t = setInterval(function(){
                if(status == 1){
                    dangling(1000,0);
                }else{
                    dangling(5000,1);
                }
                clearInterval(t);
            },time);
    }
        setTimeout(dangling(1000,0),4000);  
</script>

 
  

<link rel="stylesheet" type="text/css" href="/styles/index.css">
<link rel="stylesheet" href="/styles/font_musrna5217om9529.css">
<link rel="stylesheet" href="/styles/font_mnjw8a93gpv3rf6r.css">
<style>
    .column_list .iconfont {
        font-size: 24px;
    }
	
	#all_list .icon-fenlei2  {
        font-size: 24px;
    }
        .line-clamp {
        height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }


</style>

<div class="header_content am-padding-vertical-xs">
    <div class="am-g">
        <div class="am-u-sm-2 am-text-center">
                <a href="/index/index/i/<?=$this->i?>/t/<?=$this->t?>">
						<i class="icon-shouye3 iconfont fq-text-white" style="font-size:2rem"></i>
					</a>
                            </div>

        <div class="am-u-sm-8 am-padding-0">
            <form action="/index/index/sort/8" class="am-form header-form  am-text-sm">
                <input id="key" name="key" class="fq-text am-radius am-padding-horizontal-xs fq-text-white" placeholder="输入关键词搜索" date-version="3" type="text">
                <i class="am-icon-search am-vertical-align-middle fq-text-sm" onclick="search();"></i>
            </form>
        </div>

        <div class="am-u-sm-2 am-text-center">
            <div class="am-inline-block  fq-text-sm">
                
            </div>
        </div>
    </div>
</div>



<div class="main">

    <script type="text/javascript" src="/scripts/font_5vjtf6axci60f6r.js"></script>
<link rel="stylesheet" href="/styles/font_f5cc03rvbekrcnmi.css">

<style type="text/css">
    .icon {
       width: 40px; 
	   height: 40px;
       vertical-align: -0.15em;
       fill: currentColor;
       overflow: hidden;
    }
	
	.fq-newtype {
    display: none;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    border-left: .1rem solid #f3e7e3;
    border-right: .1rem solid #f3e7e3;
}

    .fq-newtype ul li {
        background: white;
        width: 25%;
        border-top: .1rem solid #f3e7e3;
        border-left: .1rem solid #f3e7e3;
    }
	
	.fq-newtype ul li a, 
	.fq-newtype ul li a:hover, 
	.fq-newtype ul li a:focus {
        color: #8f8f8f;
    }
	
	
</style>

<div data-am-widget="slider" class="am-slider am-slider-a1 banner am-no-layout">
                    
                <div class="am-viewport" style="overflow: hidden; position: relative;"><ul class="am-slides mybanner" style="width: 800%; transition-duration: 0s; transform: translate3d(-3016px, 0px, 0px);"><li class="clone" aria-hidden="true" style="width: 1508px; margin-right: 0px; float: left; display: block;">
                                    <a href=""><img src="/images/FiwXm1cleYiIN1q_smoFgS27fIPk-600.jpg" draggable="false"></a>
                                                                        </li>
                        <li style="width: 1508px; margin-right: 0px; float: left; display: block;" class="" data-thumb-alt="">
                                    <a href=""><img src="/images/FtNjdOcYi9DGETttTlkJj7iiXKRj-600.jpg" draggable="false"></a>
                                                                        </li><li data-thumb-alt="" style="width: 1508px; margin-right: 0px; float: left; display: block;" class="am-active-slide">
                                    <a href=""><img src="/images/FiwXm1cleYiIN1q_smoFgS27fIPk-600.jpg" draggable="false"></a>
                                                                        </li>                    <li style="width: 1508px; margin-right: 0px; float: left; display: block;" class="clone" aria-hidden="true">
                                    <a href=""><img src="/images/FtNjdOcYi9DGETttTlkJj7iiXKRj-600.jpg" draggable="false"></a>
                                                                        </li></ul></div><ol class="am-control-nav am-control-paging"><li><a href="#" class="">1</a><i></i></li><li><a href="#" class="am-active">2</a><i></i></li></ol><ul class="am-direction-nav"><li class="am-nav-prev"><a class="am-prev" href="#"> </a></li><li class="am-nav-next"><a class="am-next" href="#"> </a></li></ul></div>    <!--banner-->

	<nav class="fq-background-white">
        <ul class="am-avg-sm-4">
            <li class="am-text-center column_list">
				<a class="am-block <?php if(2 != $this->od){echo 'active';}?>" href="/index/index/i/<?=$this->i?>/o/1">
					<i class="icon-xinnew iconfont" style="font-size:40px; color:#0ECD5E"></i>
                    <span class="am-text-sm am-block">最新推荐</span>
                </a>
            </li>

            <li class="am-text-center column_list">
                <a class="am-block <?php if(2 == $this->od){echo 'active';}?>" href="/index/index/i/<?=$this->i?>/o/2">
					<i class="icon-xinpaihang iconfont" style="font-size:40px; color:#FB874E"></i>
                    <span class="am-text-sm am-block">销量排行</span>
                </a>
            </li>

            <li class="am-text-center">
                <a class="am-block fq-classify" id="fq_alllist" href="javascript:void(0)">
					<i class="icon-xinquanbu iconfont" style="font-size:40px; color:#D061DE"></i>
                    <span class="am-text-sm am-block">全部分类</span>
                </a>
            </li>
        </ul>
   </nav> 

    <!--导航栏-->
    <!--全部分类详细-->
    <div class="fq-newtype">
        <ul class="am-avg-sm-4 am-text-center am-text-sm">
			<?php foreach($this->cat as $cid => $cname):?>
            <li class="am-padding-vertical-xs "><a href="/index/index/i/<?=$this->i?>/cid/<?=$cid?>"><?=$cname?></a></li>
			<?php endforeach;?>
		</ul>
    </div>
    <!--全部分类详细-->
<ul class="am-avg-sm-2 am-margin-top-sm item_list">
	<?php if(!empty($this->data)):?>
	<?php foreach($this->data['pic_local'] as $product_id => $something):?>
	<a href="/index/details/i/<?=$this->i?>/product_id/<?=$product_id?>">
	<li class="fq-goods am-padding-bottom-sm am-text-center">
		<img src="<?php if($this->data['upload_by'][$product_id]){echo $this->front_end_domain."/".$this->data['pic_local'][$product_id];}else{echo $this->back_end_domain."/".$this->data['pic_local'][$product_id];}?>" class="am-thumbnail am-margin-bottom-0 am-block tobuy">
		<a class="am-block am-text-sm am-text-truncate am-padding-horizontal-xs fq-title am-padding-bottom-xs tobuy" onclick="choose('<?=$this->data['tao_token'][$product_id]?>')">
			<strong class="item_details"><?=$this->data['short_title'][$product_id]?></strong>
		</a>
		<div class="am-inline-block am-text-xs am-fl fq-post fq-text-white am-margin-left-xs am-padding-horizontal-xs am-margin-bottom-xs tobuy">
			包邮
		</div>
		<div class="am-inline-block am-text-xs am-fl fq-coupon fq-text-white am-padding-horizontal-xs am-margin-bottom-xs tobuy">
			<span><?=$this->data['coupon_value'][$product_id]?></span>元优惠券
		</div>
		<div class="am-inline-block tobuy" style="clear: both; width: 100%">
			<div class="am-fl fq-price am-padding-left-xs">
				<span class="am-text-xs am-padding-right-xs">券后</span><strong class="fq-text-default"><?=$this->data['sale_price'][$product_id]?></strong>
			</div>
			<div class="am-text-xs am-fr am-padding-right-xs fq-abstract">销量<?=$this->data['coupon_value'][$product_id]?></div>
		</div>
	</li>
	</a>
	<?php endforeach;?>
	<?php endif;?>
</ul>
    <div id="totalheight" alt="0"></div>
    <ul class="am-pagination am-pagination-centered am-text-xs" id="page" style="margin: 1rem 0 0 0;">
		<?php if(1==$this->page_id && 1==$this->total_pages):?>
			<li class="am-active"><a href="#">最前页</a></li>
			<li class="am-active"><a href="#">上一页</a></li>
			<li class="am-active"><a href="#">下一页</a></li>
			<li class="am-active"><a href="#">最末页</a></li>
		<?php elseif(1==$this->page_id && 1<$this->total_pages):?>
			<li class="am-active"><a href="#">最前页</a></li>
			<li class="am-active"><a href="#">上一页</a></li>
			<li class="num"><a href="?page_id=<?=$this->page_id+1?>&<?=$this->params_string?>">下一页</a></li>
			<li class="num"><a href="?page_id=<?=$this->total_pages?>&<?=$this->params_string?>">最末页</a></li>
		<?php elseif(1<$this->page_id && $this->page_id<$this->total_pages):?>
			<li class="num"><a href="?page_id=1&<?=$this->params_string?>">最前页</a></li>
			<li class="num"><a href="?page_id=<?=$this->page_id-1?>&<?=$this->params_string?>">上一页</a></li>
			<li class="num"><a href="?page_id=<?=$this->page_id+1?>&<?=$this->params_string?>">下一页</a></li>
			<li class="num"><a href="?page_id=<?=$this->total_pages?>&<?=$this->params_string?>">最末页</a></li>
		<?php elseif(1<$this->page_id && $this->page_id>=$this->total_pages):?>
			<li class="num"><a href="?page_id=1&<?=$this->params_string?>">最前页</a></li>
			<li class="num"><a href="?page_id=<?=$this->page_id-1?>&<?=$this->params_string?>">上一页</a></li>
			<li class="am-active"><a href="#">下一页</a></li>
			<li class="am-active"><a href="#">最末页</a></li>
		<?php endif;?>
	</ul>
	
<style>
.main{
     bottom:0px;
}

.menu{
        width:100%;
        position:absolute;
        position:fixed;

        bottom:0;
        background:#fff;
        border-top:.1rem solid #F3E7E3;
        z-index:999;
    }
    .menu img {
        width:1.5rem;
        height:1.5rem;
        margin-bottom:.2rem;
    }

    .menu a {
        display:inline-block;
        color:#3d0505;

    }

    .menu a span {
        font-size:1.2rem;
    }
	
	
</style>


<script>

    $("#all_list").click(function () {

        //激活状态
        $("#fq-classify").addClass("active");
        $("#all_list").attr("class","am-block fq-classify active");
        $("#all_list").css("color","#f54d23");
        $(".column_list a").removeClass("active");

        //分类展示
        $(".fq-type").slideToggle();

    });
	
	
		$("#fq_alllist").click(function () {

        $("#fq_alllist").addClass("active");
        $("#fq_alllist").attr("class","am-block fq-classify");
        $("#fq_alllist").css({"color":"#f54d23","border-bottom":".3rem solid #f54d23"});
        $(".column_list a").removeClass("active");

        $(".fq-newtype").slideToggle();

    });

    //平滑滚动回顶部
    $('.main').on('scroll',function(){

        $('.am-gotop-fixed').css('display','block');

        if ($('.main').scrollTop() === 0) {
            $('.am-gotop-fixed').css('display','none');
        }

    });

    $('.fq-top').click(function(){
        $('.main').animate({
            scrollTop:$('.header_content').offset().top}, 800);
    });


    $('.fq-confirm').click(function(){
        $('.fq-lose').css('display','none');
    });

    if("1"==0){
        if(window.location.href.indexOf('#item') != -1){
            var id = /[\#]item(\d+)/.exec(window.location)[1];
            var t = setInterval(function(){
                if("1"==1 && "1"){
                    if($('.banner').height() > 0){
                        clearInterval(t);
                        window.location.hash = '#'+id
                    }
                }else if(!"1"){
                    clearInterval(t);
                    window.location.hash = '#'+id
                }
            },40);
        }
    }


    function search(){
        var key = $('#key').val();
        window.location.href="/index/index/i/<?=$this->i?>/keyword/"+key;
    }

    function post(URL, PARAMS) {
        var temp = document.createElement("form");
        temp.action = URL;
        temp.method = "post";
        temp.style.display = "none";
        for (var x in PARAMS) {
            var opt = document.createElement("textarea");
            opt.name = x;
            opt.value = PARAMS[x];
            temp.appendChild(opt);
        }
        document.body.appendChild(temp);
        temp.submit();
        return temp;
    }


        
</script>
<div class="am-text-xs am-text-center am-margin-vertical-sm">
        便捷猫 ©版权所有
    </div>
</div>
</body>